<div class="figure-wrapper textarea">
  <figure
    aria-label="An outlined textfield with a floating label that says Dollar amount, a prefix dollar sign, the number zero as a value and a suffix of decimal zero zero at the end of the field"
    style="padding-block: 16px; gap: 16px"
  >
    <md-outlined-text-field
      label="Dollar amount"
      type="number"
      value="0"
      prefix-text="$"
      suffix-text=".00"
    ></md-outlined-text-field>
  </figure>
</div>
